<div class="p">
    <div class="row">
        <div class="span-6 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">柱状图</div>
                </div>
                <div class="card-body">
                    <div id="cahrt-1" style="height: 400px"></div>
                </div>
            </div>
        </div>
        <div class="span-6 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">饼状图</div>
                </div>
                <div class="card-body">
                    <div id="cahrt-2" style="height: 400px"></div>
                </div>
            </div>
        </div>
        <div class="span-6 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">折线图</div>
                </div>
                <div class="card-body">
                    <div id="cahrt-3" style="height: 400px"></div>
                </div>
            </div>
        </div>
        <div class="span-6 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">雷达图</div>
                </div>
                <div class="card-body">
                    <div id="cahrt-4" style="height: 400px"></div>
                </div>
            </div>
        </div>
        <div class="span-6 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">仪表盘</div>
                </div>
                <div class="card-body">
                    <div id="cahrt-5" style="height: 400px"></div>
                </div>
            </div>
        </div>
    </div>
</div>
